<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>Mont Blanc Foot F7 - Dar de Alta Jugadores</title>

		<?php $this -> load -> view('head_view');?>

		<script language="javascript" type="text/javascript">
			$( function() {
				$("#submit-button").button();
				$('#match_time').datetimepicker({
					ampm: true
				});
				$('#match-form').submit( function() {

					$('#submit-button').removeClass('ui-state-focus ui-state-hover');

					//alert($('#team-home').val());
					//alert($('#team-visit').val());

					var thome = $('#team-home').val();
					var tvisit = $('#team-visit').val();

					if( thome == tvisit ) {

						var $dialog = $('<div></div>')
						.html('Error: Los Equipos seleccionados son el mismo.')
						.dialog({
							autoOpen: false,
							title: 'Error al crear Juego!',
							buttons: {
								"Ok": function() {

									$(this).dialog("close");
									//$('#loading-gif').hide();
								}
							}

						});
						$dialog.dialog('open');
						//alert('Error: Equipos seleccionados son iguales');
						return false;
					}
					if ($('#match_time').val() == '') {

						var $dialog = $('<div></div>')
						.html('Error: La hora del juego es incorrecta.')
						.dialog({
							autoOpen: false,
							title: 'Error al crear Juego!',
							buttons: {
								"Ok": function() {

									$(this).dialog("close");
									//$('#loading-gif').hide();
								}
							}

						});
						$dialog.dialog('open');
						//alert("match time is empty");
						return false;
					}
				});
			});
		</script>
	</head>
	<body id="page1">
		<!--<div id="line-hor-create">
		</div>-->
		<div id="main-bg-top">
			<div id="main-bg-bot">
				<div id="main">
					<!-- header -->
					<div id="header">
						<?php $this -> load -> view('league_header');?>
					</div>
					<!-- content -->
					<div id="content">
						<!-- script -->
						<div id="indent">
							<!-- scroller news -->
							<div id="flexform4">
								<h2>Crear nuevo Juego</h2>
								<br/>
								<p>
									Favor de completar los siguientes campos:
								</p>
								<?php echo form_open('matches/submit', 'id="match-form"');?>
								<p>
									<label for="category_name">
										Nombre del Torneo:
									</label>
									<br />
									<?php echo form_input($tournament_name);?>
									<?php echo form_input($tournament_id);?>
								</p>
								<p>
									<label for="category_name">
										Nombre de la
										Categor&iacute;a:
									</label>
									<br />
									<?php echo form_input($category_name);?>
								</p>
								<p>
									<label for="match_time">
										Hora del Juego
									</label>
									<br />
									<input id="match_time" type="text" name="match_time">

								</p>

								<p>
									<label for="team-home">
										Equipo Local
									</label>
									<br />
									<?php echo form_dropdown('team-home', $teams, '', 'id="team-home"');?>
									<!--<input id="match_time" type="text" name="match_time"> -->
								</p>
								<p>
									<label for="team-visit">
										Equipo Visitante
									</label>
									<br />
									<?php echo form_dropdown('team-visit', $teams, '', 'id="team-visit"');?>
								</p>
								<?php echo form_submit('submit', 'Guardar', 'id="submit-button"');?><?php echo form_close();?>
							</div>
							<div class="wrapper">
								<div id="column-left">
									<!-- Latest players added to league -->
									<!-- Team Administration -->
								</div>
							</div>
						</div>
					</div>
					<!-- footer -->
					<div id="footer">
						<?php $this -> load -> view('league_footer');?>
					</div>
				</div>
			</div>
		</div>
		<script
		type="text/javascript">
			$( function() {
				$("#faded").faded({
					speed: 500,
					autopagination: false,
					autoplay: 4000,
					autorestart: true,
					crossfade: true
				});
			});
		</script>
	</body>
</html>
